<template>
  <a-layout-content :style="{ margin: '16px', minHeight: '280px', height: '100%', overflow: 'hidden' }">
    <router-view v-slot="{ Component, route }">
      <component :key="route.name" :is="Component" class=" box-border p-6 h-[100%] overflow-auto"
        :class="{ 'bgColor': !route.meta.bgColor }" v-motion :initial="{ opacity: 0, x: -100 }"
        :enter="{ opacity: 1, x: 0, scale: 1 }" :delay="50" />
    </router-view>
  </a-layout-content>
</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
.bgColor {
  background-color: #fff;
  border-radius: 4px;
}
</style>